@import '../../var.less';

.header {
  display: flex;
  min-height: 46px;
  padding-right: 10px;
  border-bottom: 1px solid var(--color-border);
  // -webkit-app-region: drag; //set electron this region Can drag

  .headerLeft {
    flex: 1;
    position: relative;
    overflow: hidden;
  }

  .headerRight {
    height: 100%;
    display: flex;
    align-items: center;
  }

  .refreshBox {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    color: var(--color-bg-100);
    background-color: var(--custom-primary-color);
    border-radius: 50%;
    cursor: pointer;
    &:hover {
      filter: brightness(1.1);
    }
  }
}
